<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>领酒记录</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../../mui/css/mui.min.css"/>
    <link rel="stylesheet" href="../../mui/css/mui.view.css"/>
    <link rel="stylesheet" href="../../css/drawWine.css"/>
    <script src="../../mui/js/mui.min.js"></script>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">领酒记录</h1>
    </header>

    <div class="mui-content">
        <div class="mui-scroll-wrapper" style="top: 45px;">
            <div class="mui-scroll" id="scroll">
                <ul class="mui-table-view" id="pickuplist">
                    <li class="mui-table-view-cell"  th:each="record : ${recordList}">
                        <div class="mui-row">
                            <div class="mui-col-xs-9">
                                <div>会员酒<span th:text="${record.num}" /> 瓶</div>
                                <p th:text="${#dates.format(record.getGetTime(), 'yyyy-MM-dd HH:mm:ss')}"></p>
                            </div>
                            <div class="mui-col-xs-3 mui-text-center">
                                <span class="mui-badge " th:text="${record.busName}"></span>
                                <span class="mui-badge mui-badge-danger">已领取</span>
                            </div>
                        </div>
                    </li>
                    <!--<li class="mui-table-view-cell">-->
                        <!--<div class="mui-row">-->
                            <!--<div class="mui-col-xs-9">-->
                                <!--<div>会员酒5瓶</div>-->
                                <!--<p>2015-5-15</p>-->
                            <!--</div>-->
                            <!--<div class="mui-col-xs-3 mui-text-center">-->
                                <!--<span class="mui-badge mui-badge-danger">未领取</span>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>
    </div>
</body>
</html>